
<!-- /.aside -->
<section id="content" style="height:1600px">
  <section class="vbox">
    <header class="header bg-light dk">
      <p></p>
    </header>
    <section class="scrollable wrapper">
      <div class="row">
        <div class="content-padding">
          <div class="col-md-6">
            <my-info-in-project-component></my-info-in-project-component>
          </div>
          <mini-point-component></mini-point-component>
          <!-- .nav-justified -->
          <section class="panel panel-default" style="height: 20000px">
            <header class="panel-heading bg-light">
              <ul class="nav nav-tabs nav-justified">
                <li class="active"><a href="javascript:;"><i
                  class="icon-home m-r-md"></i>项目主页</a></li>
                <li *ngIf="project.createBy.id==loginUserId"><a (click)="toProjectSettings(project.id)"><i
                  class="icon-settings m-r-md"></i>项目设置</a></li>
              </ul>
            </header>
            <div class="panel-body">
              <div class="tab-content"  *ngIf="project">
                <div class="tab-pane active" id="home">
                  <!-- .accordion -->
                  <div class="panel-group m-b" id="accordion2">
                    <div class="panel panel-default">
                      <div class="panel-heading step-height">
                        <div class="col-lg-12 text-indent">
                          {{project.description}}

                        </div>
                      </div>
                    </div>

                    <div class="panel panel-default" *ngFor="let p of project.projectSteps; index as i; first as isFirst">
                      <div class="panel-heading step-height">
                        <div class="col-lg-4 inline" >
                          <a class="text-sm text-muted" data-toggle="tooltip"
                             data-placement="right" title={{p.updateDate}}>
                            {{p.updateDate}}
                          </a>
                        </div>
                        <div class="col-lg-4 text-center inline">
                          <a class="accordion-toggle text-center"
                             data-toggle="collapse"
                             data-parent="#accordion2" href="#collapse{{i}}">
                            第{{i+1}}步:{{p.title}}
                          </a>
                        </div>

                        <div class="col-lg-4 inline" *ngIf="project.createBy.id==loginUserId">
                               <span class="pull-right">
                                                                 <a ><i class="fa fa-pencil fa-fw m-r-xs" id="update" (click)="UpdateProgect(p)"></i></a>
                                                                  <a ><i class="fa fa-times fa-fw" id="delete" (click)="DeleteProgect(p.id)"></i></a>
                                                                  </span>
                        </div>
                      </div>
                      <div id="collapse{{i}}" class="panel-collapse collapse">
                        <div class="panel-body text-sm"  [innerHTML]="p.content">


                        </div>
                      </div>
                    </div>


                    <div *ngIf="project.createBy.id==loginUserId" class="panel panel-default">
                      <div class="panel-heading step-height">
                        <div class="col-lg-4">
                          <a class="text-sm text-muted" data-toggle="tooltip"
                             data-placement="right" title="">

                          </a>
                        </div>
                        <div  class="col-lg-4 text-center">
                          <a class="accordion-toggle text-center"
                             (click)="toAddStep(project.id)">
                            添加下一步
                          </a>
                        </div>
                        <div class="col-lg-4">
                                <span class="pull-right">
                                 </span>
                        </div>
                      </div>

                    </div>




                  </div>
                  <!-- / .accordion -->
                  <!--pic show-->
                  <div class="row">
                    <div class="col-sm-6 col-md-3"
                         *ngFor="let p of showPicList(); index as i; first as isFirst">
                      <span *ngIf="project.createBy.id==loginUserId"  (click)="deletePic(p)" class="btn btn-default" style="position:relative;
    top: 0px;"><span class="fa fa-times">删除</span></span>
                      <a href="javascript:;" class="thumbnail">
                        <img src="http://www.jiangxindc.com{{p}}" alt="">
                      </a>
                    </div>


                    <div *ngIf="project.createBy.id==loginUserId" class="form-group">
                      <label class="col-sm-2 control-label">添加展示图片</label>
                      <div class="col-sm-10">
                        <div class="dropfile">
                          <small>点击上传文件</small> <input input type="file" ng2FileSelect [uploader]="uploader"  (change)="selectedFileOnChanged($event)"
                                                       style="opacity: 0; position: absolute; top: 0px; left: 0px;width: 100%;
    height: 100%;"
                        /><!--style="opacity: 0;"-->
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="bdsharebuttonbox">
                    <img src="../../../assets/images/share/share_share.png"/>
                <a   href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESCRIPTION}}&summary={{SUMMARY}}&site={{SOURCE}}" class="share-qq bds_qzone" data-cmd="qzone" target="_blank" title="分享到QQ空间"><img src="../../../assets/images/share/share_qzone.png"/> </a>
                    <a href="http://connect.qq.com/widget/shareqq/index.html?url={{URL}}&title={{TITLE}}&source={{SOURCE}}&desc={{DESCRIPTION}}{{URL}}&pics={{IMAGE}}" class="bds_tsina" target="_blank" data-cmd="tsina" title="分享到QQ"><img src="../../../assets/images/share/share_qq.jpg"/></a>
                    <a href="http://service.weibo.com/share/share.php?url={{URL}}&title={{TITLE}}&pic={{IMAGE}}&appkey={{WEIBOKEY}}" class="bds_tsina" data-cmd="tsina" target="_blank" title="分享到新浪微博"><img src="../../../assets/images/share/share_weibo.png"/></a>
                    <a href="http://shuo.douban.com/!service/share?href={{URL}}&name={{TITLE}}&text={{DESCRIPTION}}&image={{IMAGE}}&starid=0&aid=0&style=11" target="_blank" class="bds_tqq" data-cmd="tqq" title="分享到豆瓣阅读"><img src="../../../assets/images/share/share_douban.png"/></a>
                  </div>


                  <!--    <div class="panel panel-default instructions-panel">
                        <div class="panel-heading text-center">
                          <h3 class="panel-title instructions-title font-bold">
                            项目说明书
                          </h3>
                        </div>
                        <div class="panel-body">
                          aa {{project.projectData.readMe}}
                          <br/><br/><br/><br/><br/><br/>
                          <p>aaa</p>


                        </div>
                      </div>
                 -->   </div>
              </div>
            </div>
          </section>
          <!-- / .nav-justified -->

        </div>
      </div>
    </section>
  </section>
  <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open"
     data-target="#nav,html"></a>
</section>




